<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/vue.global.js"></script>
	</head>
	<body>
		<!-- 1、vue的作用域仅限于绑定的元素内部，
		在挂载的元素内部的插值表达式可以正常解析，
		且可以同时指定多个插值表达式，
		 在挂载元素的外部会原文输出
		 2、绑定时可以使用元素的任意选择器：如：id选择器、类选择器、属性选择器、标记选择器
		 但是，建议使用id选择器，因为id选择器全局唯一
		 3、可以绑定任意的双标记元素，html、body除外。但是，
		 建议使用div作为容器，因为div没有默认样式-->
		{{message}}
		<div id="app">
			<!-- {{}}插值表达式，用于将数据对象与页面结构关联起来 -->
			{{message}}{{message}}{{message}}{{message}}
		</div>
		{{message}}
	</body>
	<script>
	var app=new Vue({
		// el:用于元素的挂载，绑定页面上声明的元素的选择器
		el:"#app",
		// data指定vue中需要用到的数据对象
		data:{
			message:"Hello Vue!"
		}
	})
	</script>
</html>
